<div>
    <!--头部-->
    <div class="memberTop mt20 p10 mb20 hei40">
        <ul class="hei40">
            <li class="lineH40">
                <a href="">会员管理</a>
            </li>
            <span>/</span>
            <li ng-click="jumpToUrl('main.memberList')">
                <a href="">会员列表</a>
            </li>
            <span>/</span>
            <li>
                <a href="">会员详情</a>
            </li>
        </ul>
    </div>
    <!--个人信息框-->
    <div class="border pad20 backgrWhite mb20" style="overflow: hidden">
        <img src="img/mike.png" class="img75_100 fl mr10">
        <div style="display: inline-block">
            <h3>{{member.name}}（{{member.sex}}）</h3>
            <p>电话：{{member.mobile}}</p>
            <p>最近跟进</p>
            <p>码：无</p>
        </div>
        <div class="fr mt10">
            <button class="btn btn-danger btn-sm">解/绑卡</button>
            <button class="btn btn-danger btn-sm">购买私教卡</button>
            <button class="btn btn-danger btn-sm">解绑卡</button>
        </div>
    </div>
    <!--tabs-->
    <uib-tabset type="tabs" active="active">
        <uib-tab index="0" heading="会员分析">
            <div class="row mt20 mb20">
                <div class="col-sm-4">
                    <div class="Statistical border textC backgrWhite">
                        <h3>消费金额</h3>
                        <span>0</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC backgrWhite">
                        <h3>本月上课数</h3>
                        <span>0</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC backgrWhite">
                        <h3>有效会员卡</h3>
                        <span>0</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 pad20">
                    <div class="backgrWhite tableHei" style="border-top: 3px solid lightgray;">
                        <h2 class="bb pl10" style="line-height: 40px;">会员卡情况</h2>
                        <div class="col-md-6 backgrWhite lineH30">
                            <p>办卡会员：</p>
                            <p>会员卡名称：</p>
                            <p>实体卡号：</p>
                            <p>当前状态：</p>
                            <p>累计实收金额：</p>
                            <p>开卡场馆：</p>
                            <p>备注：</p>
                        </div>
                        <div class="col-md-6 backgrWhite lineH30">
                            <p>办卡会员：</p>
                            <p>会员卡名称：</p>
                            <p>实体卡号：</p>
                            <p>当前状态：</p>
                            <p>累计实收金额：</p>
                            <p>开卡场馆：</p>
                            <p>备注：</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 pad20">
                    <div class="backgrWhite">
                        <h2 class="bb pl10" style="line-height: 40px;border-top: 3px solid lightgray">最新消费</h2>
                        <div class="pad20"></div>
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 pad20">
                    <div class="backgrWhite tableHei" style="border-top: 3px solid lightgray">
                        <h2 class="bb pl10" style="line-height: 40px;">预约情况</h2>
                        <div class="p20 mt20">
                            <table class="table table-hover table-bordered textC">
                                <thead>
                                <tr>
                                    <th>会员卡</th>
                                    <th>余额</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td>
                                        <button><span><i class="glyphicon glyphicon-th" uib-tooltip="详情"></i></span>
                                        </button>
                                        <button><span><i class="glyphicon glyphicon-trash" uib-tooltip="删除"></i></span>
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="col-sm-4 pad20">
                    <div class="backgrWhite">
                        <h2 class="bb pl10" style="line-height: 40px;border-top: 3px solid lightgray">最新跟进</h2>
                        <div class="pad20"></div>
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 pad20">
                    <div class="backgrWhite tableHei" style="border-top: 3px solid lightgray">
                        <h2 class="bb pl10" style="line-height: 40px;">上课时间</h2>
                        <div class="p20 mt20">
                            <table class="table table-hover table-bordered textC">
                                <thead>
                                <tr>
                                    <th>会员卡</th>
                                    <th>余额</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td>
                                        <button><span><i class="glyphicon glyphicon-th" uib-tooltip="详情"></i></span>
                                        </button>
                                        <button><span><i class="glyphicon glyphicon-trash" uib-tooltip="删除"></i></span>
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="col-sm-4 pad20">
                    <div class="backgrWhite">
                        <h2 class="bb pl10" style="line-height: 40px;border-top: 3px solid lightgray">训练建议</h2>
                        <div class="pad20"></div>
                    </div>

                </div>
            </div>
            <div class="row mt20 mb20 textC">
                <div class="col-sm-4">
                    <div class="backgrWhite borderTop3">
                        <h4 class="bb boxTitle">课程编号TOP5</h4>
                        <div class="pad20"></div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="backgrWhite borderTop3">
                        <h4 class="bb boxTitle">消费类型</h4>
                        <div class="pad20"></div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="backgrWhite borderTop3">
                        <h4 class="bb boxTitle">购卡比例</h4>
                        <div class="pad20"></div>
                    </div>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="1" heading="会员资料">
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">会员资料</div>
                <div class="backgrWhite overFlow pad20">
                    <div class="col-sm-6 lineH30">
                        <p>姓名：</p>
                        <p>电话：</p>
                        <p>生日：</p>
                        <p>注册场馆：</p>
                        <p>备注：</p>
                    </div>
                    <div class="col-sm-6 lineH30">
                        <p>性别：</p>
                        <p>身份证号：</p>
                        <p>创建时间：</p>
                        <p>绑定卡号：</p>
                    </div>
                </div>
            </div>
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">会员卡</div>
                <div class="backgrWhite overFlow pad20">
                    <div class="col-sm-6 lineH30">
                        <p>办卡会员：</p>
                        <p>会员卡名称：</p>
                        <p>实体卡号：</p>
                        <p>当前状态：</p>
                        <p>累计实收金额：</p>
                        <p>开卡场馆：</p>
                        <p>备注：</p>
                    </div>
                    <div class="col-sm-6 lineH30">
                        <p>试用会员：</p>
                        <p>会员卡类型：</p>
                        <p>会员卡创建时间：</p>
                        <p>激活日期：</p>
                        <p>到期日期：</p>
                        <p>使用场馆：</p>
                        <p>礼品领取：</p>
                    </div>
                </div>
            </div>
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">会员卡</div>
                <div class="backgrWhite overFlow pad20 textC">
                    <h4>还未购买私教卡</h4>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="2" heading="消费记录">
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">消费记录</div>
                <div class="pad20 backgrWhite">
                    <table class="table table-hover table-bordered textC">
                        <thead>
                        <tr>
                            <th>消费时间</th>
                            <th>变化</th>
                            <th>金额</th>
                            <th>操作人</th>
                            <th>会籍顾问</th>
                            <th>消费场馆</th>
                            <th>会员名称</th>
                            <th>手机</th>
                            <th>消费说明</th>
                            <th>状态</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>
                                <button><span><i class="glyphicon glyphicon-th" uib-tooltip="详情"></i></span>
                                </button>
                                <button><span><i class="glyphicon glyphicon-trash" uib-tooltip="删除"></i></span>
                                </button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <uib-pagination total-items="pages.totalPages" ng-model="pages.currentPage" items-per-page="pages.pageSize">
                    </uib-pagination>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="3" heading="体侧信息">
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">消费记录</div>
                <div class="pad20 backgrWhite">
                    <table class="table table-hover table-bordered textC">
                        <thead>
                        <tr>
                            <th>体侧时间</th>
                            <th>身高</th>
                            <th>体重</th>
                            <th>基础代谢</th>
                            <th>体脂率</th>
                            <th>脂肪含量</th>
                            <th>骨骼肌含量</th>
                            <th>胸围</th>
                            <th>腰围</th>
                            <th>臀围</th>
                            <th>操作</th>
                        </tr>
                        </thead>


                    </table>
                    <uib-pagination total-items="pages.totalPages" ng-model="pages.currentPage" items-per-page="pages.pageSize">
                    </uib-pagination>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="4" heading="跟进记录">
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite">跟进记录<span class="badge">0</span></div>
                <div class="pad20 backgrWhite textC">
                    <h2>暂时没有跟进记录</h2>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="5" heading="其他信息">
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite overFlow">
                    <h2 class="fl">训练建议</h2>
                    <button class="btn btn-danger fr"><span><i class="	glyphicon glyphicon-plus"></i></span></button>
                </div>
                <div class="pad20 backgrWhite">
                    <table class="table table-hover table-bordered textC">
                        <thead>
                        <tr>
                            <th>记录时间</th>
                            <th>训练周期</th>
                            <th>标签</th>
                            <th>图片</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="row p20 mt10 mb20">
                <div class="borderTop3 pad10 bb backgrWhite overFlow">
                    <h2 class="fl">积分</h2>
                    <button class="btn btn-danger fr"><span><i class="	glyphicon glyphicon-plus"></i></span></button>
                </div>
                <div class="pad20 backgrWhite">
                    <table class="table table-hover table-bordered textC">
                        <thead>
                        <tr>
                            <th>积分数</th>
                            <th>余额</th>
                            <th>操作人</th>
                            <th>备注</th>
                            <th>操作时间</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </uib-tab>
    </uib-tabset>
</div>